<div id="notice_grid">
  <yu-panel :title="$t('notice.xtgg')" :hide-filter="false">
    <template slot="right">
      <yu-button-drop :show-length="6">
        <el-button @click="addNoticeRecord">{{ $t('notice.xz') }}</el-button>
        <el-button @click="noticetableEditFn" :disabled="buttonEnable">{{ $t('notice.xg') }}</el-button>
        <el-button @click="dataNoticemultDeleteFn" :disabled="buttonEnable">{{ $t('notice.sc') }}</el-button>
        <el-button @click="detailFn">{{ $t('notice.xq') }}</el-button>
        <el-button @click="pubNoticeButtonFn" :disabled="buttonEnable">{{ $t('notice.fb') }}</el-button>
        <el-button @click="readButtonFn">{{ $t('notice.yy') }}</el-button>
      </yu-button-drop>
    </template>
    <template slot="filter">
      <yu-xform v-model="formdata" related-table-name="noticeTable" form-type="search">
        <yu-xform-group :column="4">
          <yu-xform-item :label="$t('notice.ggbt')" :placeholder="$t('notice.ggbt')" ctype="input" name="noticeTitle">
          </yu-xform-item>
          <yu-xform-item :label="$t('notice.yxqkssj')" :placeholder="$t('notice.yxqkssj')" ctype="datepicker"
            name="beginTime" :picker-options="pickerStartOptions"></yu-xform-item>
          <yu-xform-item :label="$t('notice.yxqjssj')" :placeholder="$t('notice.yxqjssj')" ctype="datepicker"
            name="endTime" :picker-options="pickerEndOptions"></yu-xform-item>
        </yu-xform-group>
      </yu-xform>
    </template>
    <el-table-x ref="noticeTable" :checkbox="true" :max-height="height" @selection-change="noticeClickFn"
      :data-url="serviceUrl" :table-columns="tableColumns" :base-params="initTableParams">
    </el-table-x>
  </yu-panel>

  <el-dialog :center="true" :title="$t('notice.xtgg')" @close="close" :close-on-click-modal="false"
    :visible.sync="dialogVisible">
    <el-form-x ref="noticeForm" :group-fields="updateFields" :disabled="formDisabled" label-width="120px">
    </el-form-x>
    <el-tinymce-x :id="tinymceId" :visible="dialogVisible" :height="200" ref="tinymce" v-model="content" :action="action"
      :bus-no="busNo"></el-tinymce-x>
    <el-form-x ref="tmp" :buttons="updateButtons" :disabled="true" label-width="80px"></el-form-x>
    <yufp-upload-table ref="filesTable" :data-params="initFilesParams" :data="noticeUpLoadBusNo"
      :before-upload="beforeAvatarUpload" :upload-visible="uploadVisible" :download-visible="downloadVisible"
      :delete-visible="deleteVisible"></yufp-upload-table>
  </el-dialog>

  <el-dialog-x :center="true" :title="$t('notice.jslb')" :visible.sync="roleDialogVisible" :close-on-click-modal="false"
    @open="roleShow">
    <el-table-x ref="roleTable" :checkbox="true" :data-url="contrUrl" :table-columns="roleTableColumns"
      :base-params="initRolesTableParams" @select="roleSelectFn" @select-all="roleAllFn" @page-change="pageChange"
      @loaded="loadedFn"></el-table-x>
    <el-form-x ref="tmp" :buttons="selectionButton" :disabled="false" label-width="80px"></el-form-x>
  </el-dialog-x>

</div>